﻿<%@ Page Title="Mobilhjulskift.dk - Booking af hjulskift" Language="C#" MasterPageFile="~/WebsiteSub.master" AutoEventWireup="true" CodeBehind="GruppeBooking.aspx.cs" Inherits="TireService.Website.Booking.GruppeBooking" %>

<%@ Register Assembly="DevExpress.Web.v11.1, Version=11.1.12.0, Culture=neutral, PublicKeyToken=b88d1754d700e49a" Namespace="DevExpress.Web.ASPxCallback" TagPrefix="dx" %>
<%@ Register Assembly="DevExpress.Web.v11.1, Version=11.1.12.0, Culture=neutral, PublicKeyToken=b88d1754d700e49a" Namespace="DevExpress.Web.ASPxCallbackPanel" TagPrefix="dx" %>
<%@ Register Assembly="DevExpress.Web.v11.1, Version=11.1.12.0, Culture=neutral, PublicKeyToken=b88d1754d700e49a" Namespace="DevExpress.Web.ASPxPopupControl" TagPrefix="dx" %>
<%@ Register Assembly="DevExpress.Web.v11.1, Version=11.1.12.0, Culture=neutral, PublicKeyToken=b88d1754d700e49a" Namespace="DevExpress.Web.ASPxRoundPanel" TagPrefix="dx" %>
<%@ Register Assembly="DevExpress.Web.ASPxEditors.v11.1, Version=11.1.12.0, Culture=neutral, PublicKeyToken=b88d1754d700e49a" Namespace="DevExpress.Web.ASPxEditors" TagPrefix="dx" %>
<%@ Register assembly="DevExpress.Web.v11.1, Version=11.1.12.0, Culture=neutral, PublicKeyToken=b88d1754d700e49a" namespace="DevExpress.Web.ASPxPanel" tagprefix="dx" %>
<%@ Register Assembly="DevExpress.Web.ASPxGridView.v11.1, Version=11.1.12.0, Culture=neutral, PublicKeyToken=b88d1754d700e49a" Namespace="DevExpress.Web.ASPxGridView" TagPrefix="dx" %>
<%@ Register Assembly="DevExpress.Web.v11.1, Version=11.1.12.0, Culture=neutral, PublicKeyToken=b88d1754d700e49a" Namespace="DevExpress.Web.ASPxHiddenField" TagPrefix="dx" %>
<%@ Register Assembly="DevExpress.Web.v11.1, Version=11.1.12.0, Culture=neutral, PublicKeyToken=b88d1754d700e49a" Namespace="DevExpress.Web.ASPxLoadingPanel" TagPrefix="dx" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="content" runat="server">

    <dx:ASPxLoadingPanel ID="LoadingPanel" Text="Vent venligst..." ClientInstanceName="LoadingPanel" runat="server" Modal="True">
    </dx:ASPxLoadingPanel>

    <!-- JavaScript for handling panels and client action -->
    <script type="text/javascript" language="javascript">

        // Function that change UI in booking wizard to step 2
        function GoToStep2() {
            // Validate value for registration number
            txtRegistrationNumber.Validate();

            var isFormValid = ASPxClientEdit.ValidateGroup("Step1");
            if (isFormValid) {
                // Postback to server to load user and car information
                callbackUserInformationPanel.PerformCallback(txtRegistrationNumber.GetText());

                // Show loadingpanel while doing server postback
                LoadingPanel.Show();
            }
        }

        // Function that runs when postback of step 2 has been completed - change UI
        function OnCallbackLoadCustomerBookingInfoComplete(s, e) {
            // Hide loadingpanel after postback
            LoadingPanel.Hide();

            // Hide start panel
            pStartPanel.SetVisible(false);

            // Show panel with user and car information
            callbackUserInformationPanel.SetVisible(true);

            // Get value that indicates if car already booked
            var existingbooking = hfExistingBooking.Get("ExistingBooking");

            // Check if user have existing booking
            if (existingbooking == true) {
                // Show panel with info on existing booking
                callbackExistingBooking.SetVisible(true);

                // Hide date selection
                callbackSelectDate.SetVisible(false);
            }
            else {
                // Show panel for booking
                callbackSelectDate.SetVisible(true);

                // Hide panel for existing booking (does not exist)
                callbackExistingBooking.SetVisible(false);
            }
        }

        // Function that change UI in booking wizard back to step 1
        function GoBackToStep1() {
            // Show start panel
            pStartPanel.SetVisible(true);

            // Hide panel with user and car information
            callbackUserInformationPanel.SetVisible(false);
        }

        // Function change UI to change booking view
        function ChangeExistingBooking() {
            // Show existing booking
            callbackExistingBooking.SetVisible(true);

            // Show date selection
            callbackSelectDate.SetVisible(true);

            // Hide button for changing
            btnChangeExistingBooking.SetVisible(false);
            btnGoBackToStep1.SetVisible(false);

            // Show button for keeping booking
            btnKeepExistingBooking.SetVisible(true);
        }

        // Function change UI to keep existing booking
        function KeepExistingBooking() {

            // Hide date selection
            callbackSelectDate.SetVisible(false);

            // Show button for changing
            btnChangeExistingBooking.SetVisible(true);
            btnGoBackToStep1.SetVisible(true);

            // Hide button for keeping booking
            btnKeepExistingBooking.SetVisible(false);
        }

        // Function that runs when booking date has been selected and show possible timeslots
        function SelectDate() {

            if (rbtnScheduleDates.GetValue() == 0) {
                // User can not any of the available days - show alternative booking way (contact customer support)
                callbackNoDateFit.SetVisible(true);

                // Hide timeslots
                callbackSelectTimePanel.SetVisible(false);
            }
            else 
            {
                // Postback to server to load timeslots
                callbackSelectTimePanel.PerformCallback(rbtnScheduleDates.GetValue());
            }
        }

        // Function that change UI in booking wizard to step 3
        function GoToStep3() {
            // Validate that date is selected
            rbtnScheduleDates.Validate();
            rbtnTimeslot.Validate();

            var isFormValid = ASPxClientEdit.ValidateGroup("Step2");
            if (isFormValid) {
                
                // Hide step 2 panel
                callbackUserInformationPanel.SetVisible(false);

                // Show step 3 panel and update values
                callbackConfirmBooking.SetVisible(true);
                lblConfirmRegistrationNumber.SetText(txtRegistrationNumber.GetText());
                lblConfirmAddress.SetText(lblAddress.GetText());
                lblConfirmDate.SetText(rbtnScheduleDates.GetSelectedItem().text);
                lblConfirmTimeslot.SetText(rbtnTimeslot.GetSelectedItem().text);
            }
        }

        function GoBackToStep2() {
            // Show step 2 panel
            callbackUserInformationPanel.SetVisible(true);

            // Hide step 3 panel
            callbackConfirmBooking.SetVisible(false);
        }

        function GoToStep4() {
            // Disable save button - to avoid double postback
            btnGoToStep4.SetEnabled(false);

            // Postback to server with selected servicedetailid and customernote
            var input = rbtnTimeslot.GetValue() + '|' + txtCustomerNote.GetText();
            callBackSaveBooking.PerformCallback(input);

            // Show loadingpanel while doing server postback
            LoadingPanel.Show();
        }

        // Function that runs when date has been selected and postback to server i completed - update UI
        function OnSelectTimePanelComplete(s, e) {
            // Show panel with open timeslots/windows
            callbackSelectTimePanel.SetVisible(true);

            // Hide alternative panel (no date fit)
            callbackNoDateFit.SetVisible(false);
        }

        // Function that run after postback to server for saving booking
        function OnCallbackSaveBookingComplete(s, e) {
            // Hide loadingpanel after postback
            LoadingPanel.Hide();
            
            // Hide confirm window
            callbackConfirmBooking.SetVisible(false);

            // Show completion window
            callbackBookingDone.SetVisible(true);
        }

        // Function for handling call back to server errors
        function CallBackError(s, e) {
            //alert(e.message);
        }

    </script>

    <div id="box1">
        
        <dx:ASPxPanel ID="pStartPanel" ClientInstanceName="pStartPanel" runat="server" Width="100%" ClientVisible="true">
            <PanelCollection>
                <dx:PanelContent ID="pcStartPanel" runat="server">
                    <h1>Velkommen til booking af hjulskift</h1>
                    Hjulskift vil blive foretaget på adressen:<br />
                    <br />
                    <b>
                        <dx:ASPxLabel ID="lblAddress" ClientInstanceName="lblAddress" runat="server" Text="" ClientIDMode="AutoID">
                        </dx:ASPxLabel>
                    </b><br />
                    <br />
                    Vedrørende parkering:<br />
                    <dx:ASPxLabel ID="lblInfoOnCarParking" runat="server" Text="" ClientIDMode="AutoID">
                    </dx:ASPxLabel>
                    <hr />
                    <b>Indtast bilens registrerings nummer</b><br />
                    <br />
                    <dx:ASPxTextBox ID="txtRegistrationNumber" ClientInstanceName="txtRegistrationNumber" runat="server" Width="90px" NullText="Ex. RX23523" ClientIDMode="AutoID" ToolTip="Indtast din bils registrerings nummer (Nummerplade - ex. XR34535)">
                        <ValidationSettings ValidationGroup="Step1" RequiredField-IsRequired="true" RequiredField-ErrorText="Udfyld registreringsnummer (Nummerplade)" RegularExpression-ValidationExpression="[a-zA-Z0-9]{7}" RegularExpression-ErrorText="Registrerings nr. ikke gyldigt - skal være i format AG12345" ErrorDisplayMode="ImageWithTooltip" />
                    </dx:ASPxTextBox>
                    <br />
                    <dx:ASPxButton ID="btnGoToStep2" runat="server" Text="Videre" AutoPostBack="false" ClientIDMode="AutoID" >
                        <ClientSideEvents Click="function(s, e) { GoToStep2(); }" /> 
                    </dx:ASPxButton>
                </dx:PanelContent>
            </PanelCollection>
        </dx:ASPxPanel>    

        <dx:ASPxCallbackPanel ID="callbackUserInformationPanel" ClientInstanceName="callbackUserInformationPanel" runat="server" OnCallback="callbackUserInformationPanel_Callback" RenderMode="Table" ClientVisible="false">
            <ClientSideEvents EndCallback="OnCallbackLoadCustomerBookingInfoComplete" CallbackError="CallBackError" />    
            <PanelCollection>
                <dx:PanelContent>
                    <!-- Hidden field used for determining if car already booked -->
                    <dx:ASPxHiddenField ID="hfExistingBooking" ClientInstanceName="hfExistingBooking" runat="server">
                    </dx:ASPxHiddenField>

                    <h1>Hjulskift's dato</h1>
                    <b>Kundeoplysninger</b><br />
                    <table>
                        <tr>
                            <td>
                                <dx:ASPxLabel ID="lblSelectedCustomerName" runat="server" Text="Navn">
                                </dx:ASPxLabel>
                            </td>
                            <td>
                                <dx:ASPxLabel ID="lblName" ClientInstanceName="lblName" runat="server" Text="">
                                </dx:ASPxLabel>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <dx:ASPxLabel ID="lblSelectedCustomerPhone1" runat="server" Text="Telefon 1">
                                </dx:ASPxLabel>
                            </td>
                            <td>
                                <dx:ASPxLabel ID="lblPhone1" ClientInstanceName="lblPhone1" runat="server" Text="">
                                </dx:ASPxLabel>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <dx:ASPxLabel ID="lblSelectedCustomerPhone2" runat="server" Text="Telefon 2">
                                </dx:ASPxLabel>
                            </td>
                            <td>
                                <dx:ASPxLabel ID="lblPhone2" ClientInstanceName="lblPhone2" runat="server" Text="">
                                </dx:ASPxLabel>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <dx:ASPxLabel ID="lblSelectedCustomerEmail" runat="server" Text="Email">
                                </dx:ASPxLabel>
                            </td>
                            <td>
                                <dx:ASPxLabel ID="lblEmail" ClientInstanceName="lblEmail" runat="server" Text="">
                                </dx:ASPxLabel>
                            </td>
                        </tr>
                    </table>
                    <br />
                    <b>Bil oplysninger</b>
                    <table>
                        <tr>
                            <td>
                                <dx:ASPxLabel ID="lblSelectedCarRegistrationNumber" runat="server" Text="Regnr">
                                </dx:ASPxLabel>
                            </td>
                            <td>
                                <dx:ASPxLabel ID="lblRegistrationNumber" ClientInstanceName="lblRegistrationNumber" runat="server" Text="">
                                </dx:ASPxLabel>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <dx:ASPxLabel ID="lblSelectedCarBrandDescription" runat="server" Text="Bilmærke">
                                </dx:ASPxLabel>
                            </td>
                            <td>
                                <dx:ASPxLabel ID="lblCarBrand" ClientInstanceName="lblCarBrand" runat="server" Text="">
                                </dx:ASPxLabel>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <dx:ASPxLabel ID="lblSelectedCarBrandModel" runat="server" Text="Model">
                                </dx:ASPxLabel>
                            </td>
                            <td>
                                <dx:ASPxLabel ID="lblModel" ClientInstanceName="lblModel" runat="server" Text="">
                                </dx:ASPxLabel>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <dx:ASPxLabel ID="lblSelectedCarBrandYear" runat="server" Text="Årgang">
                                </dx:ASPxLabel>
                            </td>
                            <td>
                                <dx:ASPxLabel ID="lblYear" ClientInstanceName="lblYear" runat="server" Text="">
                                </dx:ASPxLabel>
                            </td>
                        </tr>
                    </table>

                    <dx:ASPxCallbackPanel ID="callbackExistingBooking" ClientInstanceName="callbackExistingBooking" runat="server" RenderMode="Table" ClientVisible="false">
                        <PanelCollection>
                            <dx:PanelContent>
                                <hr />
                                <b>Eksisterende booking</b><br />
                                Der eksisterer allerede en booking for din bil.
                                <table>
                                    <tr>
                                        <td>
                                            <dx:ASPxLabel ID="ASPxLabel1" runat="server" Text="Dato">
                                            </dx:ASPxLabel>
                                        </td>
                                        <td>
                                            <dx:ASPxLabel ID="lblExistingBookingDate" ClientInstanceName="lblExistingBookingDate" runat="server" Text="">
                                            </dx:ASPxLabel>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <dx:ASPxLabel ID="ASPxLabel2" runat="server" Text="Tidsrum">
                                            </dx:ASPxLabel>
                                        </td>
                                        <td>
                                            <dx:ASPxLabel ID="lblExistingBookingTimeslot" ClientInstanceName="lblExistingBookingTimeslot" runat="server" Text="">
                                            </dx:ASPxLabel>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <dx:ASPxLabel ID="ASPxLabel3" runat="server" Text="Adresse">
                                            </dx:ASPxLabel>
                                        </td>
                                        <td>
                                            <dx:ASPxLabel ID="lblExistingBookingAddress" ClientInstanceName="lblExistingBookingAddress" runat="server" Text="">
                                            </dx:ASPxLabel>
                                        </td>
                                    </tr>
                                </table>
                                <br />
                                <table>
                                    <tr>
                                        <td>
                                            <dx:ASPxButton ID="btnGoBackToStep1" ClientInstanceName="btnGoBackToStep1" runat="server" Text="Tilbage" AutoPostBack="false" ClientIDMode="AutoID" ClientVisible="true">
                                                <ClientSideEvents Click="function(s, e) { GoBackToStep1(); }" /> 
                                            </dx:ASPxButton>
                                        </td>
                                        <td>
                                            <dx:ASPxButton ID="btnChangeExistingBooking" ClientInstanceName="btnChangeExistingBooking" runat="server" Text="Ændre booking" AutoPostBack="false" ClientIDMode="AutoID" ClientVisible="true">
                                                <ClientSideEvents Click="function(s, e) { ChangeExistingBooking(); }" /> 
                                            </dx:ASPxButton>
                                            <dx:ASPxButton ID="btnKeepExistingBooking" ClientInstanceName="btnKeepExistingBooking" runat="server" Text="Behold booking" AutoPostBack="false" ClientIDMode="AutoID" ClientVisible="false">
                                                <ClientSideEvents Click="function(s, e) { KeepExistingBooking(); }" /> 
                                            </dx:ASPxButton>
                                        </td>
                                    </tr>
                                </table>
                            </dx:PanelContent>
                        </PanelCollection>
                    </dx:ASPxCallbackPanel>
                    <dx:ASPxCallbackPanel ID="callbackSelectDate" ClientInstanceName="callbackSelectDate" runat="server" RenderMode="Table" ClientVisible="false">
                        <PanelCollection>
                            <dx:PanelContent>
                                <hr />
                                <table>
                                    <tr>
                                        <td valign="top">
                                            <!-- Select date -->
                                            <b>Vælg dato</b>
                                            <dx:ASPxRadioButtonList ID="rbtnScheduleDates" ClientInstanceName="rbtnScheduleDates" runat="server">
                                                <ValidationSettings ValidationGroup="Step2" RequiredField-IsRequired="true" RequiredField-ErrorText="Venligst vælg dato"></ValidationSettings> 
                                                <ClientSideEvents SelectedIndexChanged="function(s, e) { SelectDate(s); }" />
                                            </dx:ASPxRadioButtonList>
                                        </td>
                                        <td valign="top">
                                            <!-- Select timeslot -->
                                            <dx:ASPxCallbackPanel ID="callbackSelectTimePanel" ClientInstanceName="callbackSelectTimePanel" runat="server" OnCallback="callbackSelectTimePanel_Callback" RenderMode="Table" ClientVisible="false">
                                                <ClientSideEvents EndCallback="OnSelectTimePanelComplete" CallbackError="CallBackError" />
                                                <PanelCollection>
                                                    <dx:PanelContent>
                                                        <b>Vælg tidspunkt</b>
                                                        <dx:ASPxRadioButtonList ID="rbtnTimeslot" ClientInstanceName="rbtnTimeslot" runat="server">
                                                            <Items>
                                                            </Items>
                                                            <ValidationSettings ValidationGroup="Step2" RequiredField-IsRequired="true" RequiredField-ErrorText="Venligst vælg tidsrum for hjulskift"></ValidationSettings> 
                                                        </dx:ASPxRadioButtonList>
                                                    </dx:PanelContent>
                                                </PanelCollection>
                                            </dx:ASPxCallbackPanel>
                                        
                                            <!-- None of the dates fit the user - show alternative booking method -->
                                            <dx:ASPxCallbackPanel ID="callbackNoDateFit" ClientInstanceName="callbackNoDateFit" runat="server" RenderMode="Table" ClientVisible="false">
                                                <PanelCollection>
                                                    <dx:PanelContent>
                                                        Venligst kontakt vores kundesupport på:<br />
                                                        <br />
                                                        Email: <a href="mailto:support@mobilhjulskift.dk">support@mobilhjulskift.dk</a><br />
                                                        Telefon: 81 613 613
                                                    </dx:PanelContent>
                                                </PanelCollection>
                                            </dx:ASPxCallbackPanel>
                                        </td>
                                    </tr>
                                </table>
                                <br />
                                <table>
                                    <tr>
                                        <td>
                                            <dx:ASPxButton ID="btn2GoBackToStep1" ClientInstanceName="btn2GoBackToStep1" runat="server" Text="Tilbage" AutoPostBack="false" ClientIDMode="AutoID" ClientVisible="true">
                                                <ClientSideEvents Click="function(s, e) { GoBackToStep1(); }" /> 
                                            </dx:ASPxButton>
                                        </td>
                                        <td>
                                            <dx:ASPxButton ID="btnGoToStep3" runat="server" Text="Videre" AutoPostBack="false" ClientIDMode="AutoID" >
                                                <ClientSideEvents Click="function(s, e) { GoToStep3(); }" /> 
                                            </dx:ASPxButton>
                                        </td>
                                    </tr>
                                </table>
                            
                            </dx:PanelContent>
                        </PanelCollection>
                    </dx:ASPxCallbackPanel>
                
                </dx:PanelContent>
            </PanelCollection>
        </dx:ASPxCallbackPanel>

        <dx:ASPxCallback ID="callBackSaveBooking" ClientInstanceName="callBackSaveBooking"
            runat="server" OnCallback="callBackSaveBooking_Callback">
            <ClientSideEvents CallbackError="CallBackError" CallbackComplete="OnCallbackSaveBookingComplete" />
        </dx:ASPxCallback>

        <dx:ASPxCallbackPanel ID="callbackConfirmBooking" ClientInstanceName="callbackConfirmBooking" runat="server" RenderMode="Table" ClientVisible="false">
            <PanelCollection>
                <dx:PanelContent>
                    <h1>Bekræft booking</h1>
                    <table>
                        <tr>
                            <td>
                                <dx:ASPxLabel ID="ASPxLabel4" runat="server" Text="Regnr">
                                </dx:ASPxLabel>
                            </td>
                            <td>
                                <dx:ASPxLabel ID="lblConfirmRegistrationNumber" ClientInstanceName="lblConfirmRegistrationNumber" runat="server" Text="">
                                </dx:ASPxLabel>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <dx:ASPxLabel ID="ASPxLabel6" runat="server" Text="Adresse">
                                </dx:ASPxLabel>
                            </td>
                            <td>
                                <dx:ASPxLabel ID="lblConfirmAddress" ClientInstanceName="lblConfirmAddress" runat="server" Text="">
                                </dx:ASPxLabel>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <dx:ASPxLabel ID="ASPxLabel8" runat="server" Text="Dato">
                                </dx:ASPxLabel>
                            </td>
                            <td>
                                <dx:ASPxLabel ID="lblConfirmDate" ClientInstanceName="lblConfirmDate" runat="server" Text="">
                                </dx:ASPxLabel>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <dx:ASPxLabel ID="ASPxLabel10" runat="server" Text="Tidsrum">
                                </dx:ASPxLabel>
                            </td>
                            <td>
                                <dx:ASPxLabel ID="lblConfirmTimeslot" ClientInstanceName="lblConfirmTimeslot" runat="server" Text="">
                                </dx:ASPxLabel>
                            </td>
                        </tr>
                    </table>
                    <br />
                    <dx:ASPxMemo ID="txtCustomerNote" ClientInstanceName="txtCustomerNote" NullText="Note til hjulskift - VIGTIGT: angiv ikke input til tidsrum, adressen eller dato'en da denne besked kun ses af montøren på selve dagen" runat="server" Width="300px" Rows="4" />
                    <br />
                    <table>
                        <tr>
                            <td>
                                <dx:ASPxButton ID="btnGoBackToStep2" ClientInstanceName="btnGoBackToStep2" runat="server" Text="Tilbage" AutoPostBack="false" ClientIDMode="AutoID" ClientVisible="true">
                                    <ClientSideEvents Click="function(s, e) { GoBackToStep2(); }" /> 
                                </dx:ASPxButton>
                            </td>
                            <td>
                                <dx:ASPxButton ID="btnGoToStep4" ClientInstanceName="btnGoToStep4" runat="server" Text="Bekræft booking" AutoPostBack="false" ClientIDMode="AutoID" >
                                    <ClientSideEvents Click="function(s, e) { GoToStep4(); }" /> 
                                </dx:ASPxButton>
                            </td>
                        </tr>
                    </table>
                </dx:PanelContent>
            </PanelCollection>
        </dx:ASPxCallbackPanel>

        <dx:ASPxCallbackPanel ID="callbackBookingDone" ClientInstanceName="callbackBookingDone" runat="server" RenderMode="Table" ClientVisible="false">
            <PanelCollection>
                <dx:PanelContent>
                    <h1>Booking gemt</h1>
                    Tak for din bekræftelse. Din booking er hermed gemt og en email bekræftelse er sendt.<br />
                    <%--<br />
                    Gem aftale i Outlook? Klik her<br />--%>
                    <br />
                    <b>Husk på dagen</b>
                    <table>
                        <tr>
                            <td><img alt="" src="~/images/green_arrow.gif" runat="server" width="14" height="14" /></td>
                            <td>
                                Har bilen låsebolte? Sørg for at ligge låsetop under højre forhjul
                            </td>
                        </tr>
                        <tr>
                            <td><img alt="" src="~/images/green_arrow.gif" runat="server" width="14" height="14" /></td>
                            <td>
                                Har bilen alarm? Sørg for at slå den fra
                            </td>
                        </tr>
                        <tr>
                            <td><img alt="" src="~/images/green_arrow.gif" runat="server" width="14" height="14" /></td>
                            <td>
                                Har bilen separate bolte? Disse skal udleveres hvis det er første gang vi skifter for dig
                            </td>
                        </tr>
                        <tr>
                            <td><img alt="" src="~/images/green_arrow.gif" runat="server" width="14" height="14" /></td>
                            <td>
                                Bilen parkeres så der er 60cm til enhver genstand (dog kun 20 cm til kantsten)
                            </td>
                        </tr>
                        <tr>
                            <td><img alt="" src="~/images/green_arrow.gif" runat="server" width="14" height="14" /></td>
                            <td>
                                Håndbremsen er trukket og bilen er sat i 1. gear
                            </td>
                        </tr>
                        <tr>
                            <td><img alt="" src="~/images/green_arrow.gif" runat="server" width="14" height="14" /></td>
                            <td>
                                Bilen stilles så forhjulene peger lige ud
                            </td>
                        </tr>
                    </table>
                    <br />
                    De bedste hilsener<br />
                    Mobilhjulskift.dk
                </dx:PanelContent>
            </PanelCollection>
        </dx:ASPxCallbackPanel>
    </div>            
                


</asp:Content>
